<template>
  <div>
    <!-- intro-section -->
    <section id="intro-wrap" class="intro1Wrap  text-left text-white">
      <b-container>
        <b-row>
          <b-col md="6" class="intro1LeftSection pb-5">
            <h1 class=" font-weight-bold text-white text-42 mb-3 t-shadow">
              Your complete Vue Js App Landing Page
            </h1>
            <p class=" text-20 mb-4">
              Meet Dexam Highly customizable Pure Vue JS + Bootstrap 4 Landing
              template.
            </p>
            <div class=" mb-5">
              <ul class="list-inline">
                <li class=" mb-3 ">
                  <i class="eva eva-checkmark-outline mr-2 text-warning"></i
                  >Minimal, Intuitive and Fully Responsive Design
                </li>

                <li class="mb-3">
                  <i class="eva eva-checkmark-outline mr-2 text-warning"></i>
                  Super Flexible And Customizable
                </li>
              </ul>
            </div>
            <div class="intro1Buttons">
              <a
                name=""
                id=""
                class="btn half-button btn-outline-white btn-lg pl-5 pr-5 pb-2  mr-2 mb-4 text-uppercase"
                href="#"
                role="button"
              >
                Sign in
              </a>
              <a
                id=""
                class="btn half-button btn-warning btn-lg pl-5 pr-5 pb-2 mb-4 text-uppercase"
                href="#"
                role="button"
              >
                Sign up
              </a>
            </div>
          </b-col>
          <b-col md="6" class=" intro1RightSection d-flex align-items-center ">
            
            <div class="intro1ProductImage">
              <img
                src="@/assets/images/landing/svg/v1-header.svg"
                class="img-responsive"
                alt=""
              />
            </div>
          
          </b-col>
        </b-row>
      </b-container>
      <div class="overlay"></div>
    </section>
    <!-- end::intro-section -->
  </div>
</template>
<script>
</script>
